<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>悦生活主页</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!-- 引入css文件 -->
		<link rel="stylesheet" href=" ./css/sm.min.css">
		<link rel="stylesheet" href=" ./css/sm-extend.min.css">
		<link rel="stylesheet" href=" ./css/iconfont.css">
		
	</head>
	<style>
		/* 主背景颜色 */
		.content{
			background-color: rgb(241,241,241);
		}
		/* 跳转连接颜色 */
		a{
			color: inherit;
		}
		a:active{
			color: inherit;
		}
		/* 顶部标题栏 */
		#index-top{
			height: 15%;
		}
		#index-top img{
			height: 100%;
			width: 100%;
		}
		/* 中部图片 */
		#index-img{
			height: 50%;
		}
		#index-img img{
			height: 100%;
			width: 100%;
		}
		/* 底部模块入口 */
		#index-content{
			height: 46%;
		}
		
		
		#index-content>div{
			height: 44%;
			margin-top: 6%;
		}
		#index-content>div>div{
			float: left;
			height: 100%;
			width: 30%;
			margin-left: 2.5%;
			/* background-color: rgb(240, 255, 252, 0.53);
			border: 1px solid #00d1f2;
			border-radius: 6%; */
		}
		
		/* 图标内部样式 */
		#index-content .modelImg{
			height: 80%;
			width: 100%;
			padding: 15%;
			text-align: center;
		}
		#index-content .modelImg span{
			font-size: 3rem;
			text-align: center;
			line-height: 4rem;
			color: rgb(19,104,211);
		}
		#index-content .modelImg img{
			height: 100%;
			width: 100%;
		}
		#index-content .modelName{
			height: 20%;
			width: 100%;
			text-align: center;
			line-height: 40%;
			font-family: "微软雅黑";
			font-size: 0.8rem;
			/* color: #000000; */
		}
	</style>
	<body>
		<!-- page 容器 -->
		<div class="page">

			<!-- 这里是页面内容区 --><!-- style="background-image: url(img/JoyLife2.png);background-size:100%" -->
			<div class="content">
				<!-- 标题栏 -->
				<!-- <div id="index-top">
					<img src="img/topBG.jpg" >
				</div> -->
				<!-- 图片栏 -->
				<div id="index-img">
					<img src="img/JoyLife2.png" >
				</div>
				<!-- 模块入口 -->
				<div id="index-content">
					
					
					<div>
						<div style="border-right:rgb(201, 201, 201) solid 1px;">
							<a href="manager/manager_index.html">
								<div class="modelImg">
									<!-- <img src="img/manage.png" > -->
									<span class="iconfont icon-tubiao82"></span>
								</div>
								<div class="modelName">
									物业服务
								</div>
							</a>
						</div>
						<div style="border-right:rgb(201, 201, 201) solid 1px;">
							<a href="shop_index.html">
								<div class="modelImg">
									<!-- <img src="img/shopping.png" > -->
									<span style="font-size: 3.5rem;" class="iconfont icon-gouwu3"></span>
								</div>
								<div class="modelName">
									悦购物
								</div>
							</a>
						</div>
						<div>
							<a href="market/market-index.html">
								<div class="modelImg">
									<!-- <img src="img/change.png" > -->
									<span class="iconfont icon-loupan"></span>
								</div>
								<div class="modelName">
									跳蚤市场
								</div>
							</a>
						</div>
					</div>
						
					<div style="margin-top: 3%;padding-top: 3%; border-top: rgb(201, 201, 201) solid 1px;">
						<div style="border-right:rgb(201, 201, 201) solid 1px;">
							<a href="forum/forum-index.html">
								<div class="modelImg">
									<!-- <img src="img/chat.png" > -->
									<span class="iconfont icon-liaotian"></span>
								</div>
								<div class="modelName">
									社区论坛
								</div>
							</a>
						</div>
						<div style="border-right:rgb(201, 201, 201) solid 1px;">
							<a href="userCenter.html">
								<div class="modelImg">
									<!-- <img src="img/personal.png" > -->
									<span class="iconfont icon-usercenter"></span>
								</div>
								<div class="modelName">
									个人中心
								</div>
							</a>
						</div>
						<div>
							<div class="modelImg">
								<!-- <img src="img/comingsoon.png" > -->
								<span class="iconfont icon-weilai"></span>
							</div>
							<div class="modelName">
								敬请期待
							</div>
						</div>
					</div>
				</div>
				
			</div>
		</div>

		
		<script src='./js/jquery-3.2.1.min.js'></script>
		<script src='./js/sm.js'></script>
		<script src='./js/sm-extend.js'></script>
		<script src="./js/config.js"></script>
		<script type="text/javascript">
			//alert(token)
			//alert(refreshtoken)
			/* $.get(
				serviceIP+"/forum/test",
				function(data) {
					console.log(data);
					if(data.code==302){
						location.href="login.html";
					}
				}); */
		</script>
	</body>

</html>
